<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数据库测试管理员端</title>
<link href="../css/bootstrap/bootstrap.min.css" rel="stylesheet"
	media="screen">
<link href="../css/bootstrap/bootstrap-table.min.css" rel="stylesheet"
	media="screen">

</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-6">
			<div class="row">
				<div class="col-md-3 col-xs-3">
							<h3><span class="label label-info">学生管理</span></h3>
					<!-- 添加新行 -->
					<div class="btn-group">
						<button type="button" class="btn btn-success m-b-sm"
							data-toggle="modal" data-target="#addModal">
							<i class='fa fa-crosshairs'></i>添加
						</button>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
				<div class="table-responsive">
					<table id="std-table" class="display table"
						style="width: 100%; cellspacing: 0;">
						<thead>
							<tr>
								<th></th>
								<th>学号</th>
								<th>姓名</th>
								<th>管理</th>
							</tr>
						</thead>
					</table>
				</div>

				<div class="modal fade" id="checkModal" tabindex="-1" role="dialog"
					aria-labelledby="checkModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close btn-cancel"
									data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								<h4 class="modal-title" id="checkModalLabel">学生详细信息</h4>
							</div>
							<div class="modal-body">
								<div class="row">
									<div class="col-md-8 col-xs-8">
										<h3></h3>
										<h3></h3>
										<h3></h3>
										<h3></h3>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default btn-cancel"
									data-dismiss="modal">取消</button>
							</div>
						</div>
					</div>
				</div>

				<div class="modal fade" id="modifyModal" tabindex="-1" role="dialog"
					aria-labelledby="modifyModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close btn-cancel"
									data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								<h4 class="modal-title" id="modifyModalLabel">学生编辑</h4>
							</div>
							<div class="modal-body">
								<form action="" role="form" id="modify-row-form">
									<div class="form-group">
										<input type="hidden" name="stdid" id="stdid"
											class="form-control" /> <input type="hidden" name="tchid"
											id="tchid" class="form-control" /> <input type="hidden"
											name="tchname" id="tchname" class="form-control" />

									</div>
									<div class="form-group">
										<input type="text" name="stdname" id="stdname"
											class="form-control" placeholder="请填写姓名" required />
									</div>
								</form>
							</div>
							<div class="modal-footer">

								<button type="button" class="btn btn-default btn-cancel"
									data-dismiss="modal">取消</button>
								<button type="submit" id="modify-row" class="btn btn-primary">修改</button>
							</div>
						</div>
					</div>
				</div>

				<form id="add-row-form" action="javascript:void(0);">
					<div class="modal fade" id="addModal" tabindex="-1" role="dialog"
						aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close btn-cancel"
										data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="myModalLabel">添加学生</h4>
								</div>
								<div class="modal-body">
									<div class="form-group">
										<input type="text" id="id-input" class="form-control"
											placeholder="ID" required>
									</div>
									<div class="form-group">
										<input type="text" id="name-input" class="form-control"
											placeholder="Name" required>
									</div>
								</div>
								<div class="modal-footer">

									<button type="button" class="btn btn-default btn-cancel"
										data-dismiss="modal">取消</button>
									<button type="submit" id="add-row" class="btn btn-success">添加</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		
		
		
		<div class="col-md-6">
			<div class="row">
				<div class="col-md-3 col-xs-3">
							<h3><span class="label label-info">教师管理</span></h3>
					<!-- 添加新行 -->
					<div class="btn-group">
						<button type="button" class="btn btn-success m-b-sm"
							data-toggle="modal" data-target="#addtchModal">
							<i class='fa fa-crosshairs'></i>添加
						</button>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
				<div class="table-responsive">
					<table id="tch-table" class="display table"
						style="width: 100%; cellspacing: 0;">
						<thead>
							<tr>
								<th></th>
								<th>工号</th>
								<th>姓名</th>
								<th>管理</th>
							</tr>
						</thead>
					</table>
				</div>

				<div class="modal fade" id="checktchModal" tabindex="-1" role="dialog"
					aria-labelledby="checktchModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close btn-cancel"
									data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								<h4 class="modal-title" id="checktchModalLabel">教师详细信息</h4>
							</div>
							<div class="modal-body">
								<div class="row">
									<div class="col-md-8 col-xs-8">
										<h3></h3>
										<h3></h3>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default btn-cancel"
									data-dismiss="modal">取消</button>
							</div>
						</div>
					</div>
				</div>

				<div class="modal fade" id="modifytchModal" tabindex="-1" role="dialog"
					aria-labelledby="modifytchModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close btn-cancel"
									data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								<h4 class="modal-title" id="modifytchModalLabel">教师编辑</h4>
							</div>
							<div class="modal-body">
								<form action="" role="form" id="modify-row-tch-form">
									<div class="form-group">
										<input type="hidden" name="tchid" id="tch-id"
											class="form-control" /> 
									</div>
									<div class="form-group">
										<input type="text" name="tchname" id="tch-name"
											class="form-control" placeholder="请填写姓名" required />
									</div>
								</form>
							</div>
							<div class="modal-footer">

								<button type="button" class="btn btn-default btn-cancel"
									data-dismiss="modal">取消</button>
								<button type="submit" id="modify-row-tch" class="btn btn-primary">修改</button>
							</div>
						</div>
					</div>
				</div>

				<form id="add-row-form-tch" action="javascript:void(0);">
					<div class="modal fade" id="addtchModal" tabindex="-1" role="dialog"
						aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close btn-cancel"
										data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="myModalLabel">添加教师</h4>
								</div>
								<div class="modal-body">
									<div class="form-group">
										<input type="text" id="id-tch-input" class="form-control"
											placeholder="ID" required>
									</div>
									<div class="form-group">
										<input type="text" id="name-tch-input" class="form-control"
											placeholder="Name" required>
									</div>
								</div>
								<div class="modal-footer">

									<button type="button" class="btn btn-default btn-cancel"
										data-dismiss="modal">取消</button>
									<button type="submit" id="add-row-tch" class="btn btn-success">添加</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../js/jquery/jquery-3.3.1.min.js"></script>
	<%-- 最新的 Bootstrap 核心 JavaScript 文件 --%>
	<script src="../js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
	<script src="../js/bootstrap/bootstrap-table.min.js"
		type="text/javascript"></script>
	<script src="../js/bootstrap/bootstrap-table-zh-CN.js"
		type="text/javascript"></script>
	<script src="js/DBclient.js" type="text/javascript"></script>
	
	<script src="js/DBclientT.js" type="text/javascript"></script>
</body>
</html>